<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>深圳办事易_深圳本地宝</title>
  <meta name="description" content="本站为你提供深圳入户、公租房、补贴等各事项的办理指南等详细信息，进入本站查看你想知道的所有内容！">
  <link rel="stylesheet" href="./src/css/el.css">
  <link rel="stylesheet" href="./style.css">
  <link rel="stylesheet" href="./src/css/main.css">

  <script src="./src/js/jq.js"></script>
  <script src="./src/js/vue.js"></script>
  <script src="./src/js/el.js"></script>
</head>

<body>
  <div id="app">
    <!-- 头部 -->
    <div class="header">
      <div class="header-content">
        <div class="header-content-left">
          <div class="date">{{date}}</div>
          <div class="week">{{week}}</div>
          <div class="current-city">【当前城市 <a href="http://www.bendibao.com/city.htm"><span>深圳市</span></a>】</div>
          <!--                    <div class="change-city"><a href="">【切换城市 东莞 惠州 中山 珠海】</a></div>-->
        </div>
        <div class="header-content-right">
          <a href="http://bsy.sz.bendibao.com/index.htm" target="_blank">【切换旧版本】</a>
        </div>
      </div>
    </div>
    <!-- 头部导航栏 -->
    <div class="header-nav">
      <div class="header-nav-content">
        <div class="header-nav-logo">
          <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/header-logo.png" alt="">
        </div>

        <ul class="header-nav-list">
          <li><a href="http://sz.bendibao.com/">首页</a></li>
          <li><a href="http://sz.bendibao.com/news/">资讯</a></li>
          <li><a href="http://sz.bendibao.com/life/">指南</a></li>
          <li><a href="http://edu.sz.bendibao.com/">教育</a></li>
          <li><a href="http://jt.sz.bendibao.com/">交通</a></li>
          <li><a href="http://jt.sz.bendibao.com/z/metro/">地铁</a></li>
          <li><a href="http://ly.sz.bendibao.com/">旅游</a></li>
          <li><a href="http://ly.sz.bendibao.com/gonglue/">攻略</a></li>
          <li><a href="http://gouwu.sz.bendibao.com/hk/">香港</a></li>
        </ul>
        <!-- 搜索表单 -->
        <transition name="form">
          <form class="header-search-form" v-show="isShowSearch" action="/pc/sereach.php " method="post">
            <el-select v-model="headerSearchSelect" class="header-select" popper-class="header-select-opt"
              placeholder="请选择">
              <el-option label="网页" value="1"></el-option>
              <el-option label="视频" value="2"></el-option>
            </el-select>
            <input type="text" id="search-form" placeholder="请输入关键字搜索" name="qqq">
            <button><i class="el-icon-search"></i></button>
          </form>
        </transition>
        <div class="header-serve-list">
          <div class="easy"><a href="">办事易</a></div>
          <div class="city-serve"><a href="http://sz.bendibao.com/cyfw/">城市服务</a></div>
          <div class="robot"><a href="http://robot.bendibao.com/?citycode=sz&gzh=bdbshenzhen">机器人助手</a></div>


          <!--                    <div class="bdb-video"><a href="http://sz.bendibao.com/video/">视频</a></div>-->


          <div class="serve-icons">
            <div class="serve-search" @click="showSearchForm">
              <img id="search-img" src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/search-icon.png" alt="">
            </div>
            <a href="http://www.bendibao.com/app/pc.html"><img
                src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/iphone-top.png" alt=""></a>

          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <!-- mian导航栏 -->
      <div class="main-nav">
        <div class="main-nav-content">
          <div class="main-nav-logo">
            <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/easy-logo.png" alt="">
            <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/nav-icon.png" alt="">
          </div>
          <div class="menu">
            <el-cascader-panel :options="options" :props="{ expandTrigger: 'hover' }">
              <template slot-scope="{data}">
                <ul v-if="!data.children">
                  <li style="white-space: pre-wrap;" v-for="item1 in data.label" :key="item1">
                    <a v-for="item2 in item1" :href="item2.link" :key="item2"
                      :target="item2.isTarget ? '_blank' : ''">{{item2.title}}</a>
                  </li>
                </ul>
                <ul v-else>
                  <a v-for="item in data.label" :key="item" :href="item.link"
                    :target="item.isTarget ? '_blank' : ''">{{item.title}}</a>
                </ul>
              </template>
            </el-cascader-panel>
          </div>
          <ul class="main-nav-list">
            <li><a href="http://bsy.sz.bendibao.com/identity.php">户籍身份</a></li>
            <li><a href="http://bsy.sz.bendibao.com/socialSecurity.php">社会保险</a></li>
            <li><a href="http://bsy.sz.bendibao.com/accumulationFund.php">公积金</a></li>
            <li><a href="http://bsy.sz.bendibao.com/landProperty.php">土地房产</a></li>
            <li><a href="http://bsy.sz.bendibao.com/education.php">教育培训</a></li>
            <li><a href="http://bsy.sz.bendibao.com/healthy.php">医疗健康</a></li>
            <li><a href="http://bsy.sz.bendibao.com/traffic.php">车辆交通</a></li>
            <li><a href="http://bsy.sz.bendibao.com/marriage.php">结婚生育</a></li>
            <li><a href="http://bsy.sz.bendibao.com/visa.php">出入境</a></li>
            <li><a href="http://bsy.sz.bendibao.com/life.php">生活办事</a></li>
            <li><a href="http://bsy.sz.bendibao.com/company.php">企业办事</a></li>
            <li><a href="http://bsy.sz.bendibao.com/company.php">劳动就业</a></li>
            <li><a href="http://bsy.sz.bendibao.com/company.php">职业资格</a></li>
            <li><a href="http://bsy.sz.bendibao.com/company.php">最新政策</a></li>
          </ul>
        </div>
      </div>
      <!-- 专题图片 -->
      <div class="main-special">
        <div class="main-special-content">
          <a href="http://bsy.sz.bendibao.com/hukoubs/">
            <img src="./入户.png" alt="">
          </a>
        </div>
        <div class="main-special-content">
          <a href="http://bsy.sz.bendibao.com/butiebs/">
            <img src="./入户.png" alt="">
          </a>
        </div>
        <div class="main-special-content">
          <a href="bsy.sz.bendibao.com/gongzufangbs/">
            <img src="./公租房.png" alt="">
          </a>
        </div>
      </div>
      <!-- 专题模块&文章 -->
      <div class="main-module">
        <!-- 左侧列 -->
        <!-- <div class="module-left"> -->
        <!-- 轮播图 -->
        <div class="main-carousel">
          <el-carousel :interval="3000" height="21rem" arrow="always">
            <!-- <el-carousel :interval="3000" arrow="always"> -->
            <el-carousel-item>
              <a href="http://bsy.sz.bendibao.com/bsyDetail/610686.html"> <img
                  src="http://imgbdb3.bendibao.com/szbdb/img/202111/29/20211129094336_91545.png" alt=""></a>

              <div class="main-carousel-title">深圳最低工资标准</div>
              <div class="bgc"></div>
            </el-carousel-item>
            <el-carousel-item>
              <a href="http://bsy.sz.bendibao.com/bsyDetail/624368.html"> <img
                  src="http://imgbdb3.bendibao.com/szbdb/img/202111/29/20211129094454_39251.png" alt=""></a>

              <div class="main-carousel-title">深圳劳动者技能提升培训补贴申请指南及补贴目录</div>
              <div class="bgc"></div>
            </el-carousel-item>
            <el-carousel-item>
              <a href="http://bsy.sz.bendibao.com/bsyDetail/613835.html"> <img
                  src="http://imgbdb3.bendibao.com/szbdb/img/202111/29/20211129095051_49308.png" alt=""></a>

              <div class="main-carousel-title">深圳居住证续签及办理指南</div>
              <div class="bgc"></div>
            </el-carousel-item>
            <el-carousel-item>
              <a href="http://bsy.sz.bendibao.com/bsyDetail/625270.html"> <img
                  src="http://imgbdb3.bendibao.com/szbdb/img/20219/30/20210930161208_25290.jpg" alt=""></a>

              <div class="main-carousel-title">深圳基层就业补贴申请指南</div>
              <div class="bgc"></div>
            </el-carousel-item>
            <el-carousel-item>
              <a href="http://bsy.sz.bendibao.com/bsyDetail/609764.html"> <img
                  src="http://imgbdb3.bendibao.com/szbdb/img/20219/30/20210930161307_75884.jpg" alt=""></a>

              <div class="main-carousel-title">深圳公租房轮候申请指南</div>
              <div class="bgc"></div>
            </el-carousel-item>

          </el-carousel>

          <!-- 政府机构办事入口 -->
          <div class="gov-work" id="module3">
            <div class="top-line"></div>
            <el-tabs v-model="activeName">
              <el-tab-pane label="政府机构办事入口" name="first">
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/631841.html">2021年深圳各区社区工作站地址及电话汇总</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/629529.html">深圳坪山区计生信息登记核对地址及电话一览表</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/629528.html">深圳坪山区租赁凭证办理地址及电话</a>
                </div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/629403.html">深圳南山区各管理局咨询电话汇总</a>
                </div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/629393.html">龙岗区行政服务大厅联系电话一览表</a>
                </div>
              </el-tab-pane>
            </el-tabs>
          </div>
        </div>
        <!-- 热点资讯 -->
        <div class="hot-info module" id="module1">
          <div id="module2">
            <div class="top-line"></div>

            <el-tabs v-model="activeName">
              <el-tab-pane label="最新办事信息" name="first">
                <div class="article-title-large"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633650.html">2022年深圳龙城医院核酸检预约流程及费用</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633649.html">深圳大学附属华南医院核酸检测流程</a>
                </div>
                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633648.html">深圳基层就业补贴会截止申请吗</a>
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633647.html">没有毕业可以申请深圳基层就业补贴吗</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633646.html">深圳福田剩余人才房日常配租房源租期</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633645.html">福田剩余人才房日常配租申请时间及申请方式</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633644.html">职工基本养老保险关系转入深圳网上办理流程</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633643.html">省外职工养老保险跨省转入深圳办理条件</a></div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633642.html">福田区剩余人才房日常配租房源租金标准2022</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633641.html">2022福田剩余人才房日常配租房源数量及地址</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633640.html">深圳福田剩余人才房日常配租申请类别</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633639.html">2022福田剩余人才房日常配租申请材料</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633638.html">福田区剩余人才房日常配租对象及申请条件</a></div>
              </el-tab-pane>
            </el-tabs>


          </div>

        </div>
        <div class="hot-info module" id="module2">
          <div class="top-line"></div>

          <el-tabs v-model="activeName">
            <el-tab-pane label="热门关注" name="first">
              <div class="article-title-large"><a href="http://bsy.sz.bendibao.com/bsyDetail/633373.html">深圳职工如何加入工会</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633372.html">未就业可以申请入深圳的工会吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633176.html">深圳招用就业困难人员补贴申请条件</a>
              </div>
              <div class="article-title-strong"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632842.html">深圳市新版二手房交易网签系统</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632801.html">深圳社工首次注册需要满足哪些条件</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632713.html">2021年深圳普惠性稳岗返还条件是什么</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632376.html">深圳一次性创业资助需要失业登记吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632072.html">深圳岗前培训补贴办结时间</a>
              </div>
              <div class="article-title-strong"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632071.html">2021年深圳岗前培训补贴需要什么条件</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632006.html">深圳创业担保贷款规定的贷款期限和利率是多少</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632004.html">深圳高校灵活就业社保补贴停发条件</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631999.html">深圳家政服务企业商业保险补贴多少钱</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631998.html">深圳家政服务企业商业保险补贴如何申请</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 社保&公积金 -->
        <div class="social module" id="module4">
          <div class="top-line"></div>

          <div id="module5">
            <div class="top-line"></div>

            <el-tabs v-model="activeNameS">
              <el-tab-pane label="社会保险" name="social">
                <div class="more" style=" top: -35px; right: 0;">
                  <a href="http://bsy.sz.bendibao.com/socialSecurity.php">
                    <span>更多</span>
                    <img src="./arrow-right.png" alt="">
                  </a>
                </div>
                <div class="social-article-nav">
                  <div class="article-nav-item title4"><a
                      href="http://hrss.sz.gov.cn/szsi/,http://bsy.sz.bendibao.com/bsyDetail/619431.html">深圳社保</a></div>
                  <div class="article-nav-item title5"><a
                      href="http://bsy.sz.bendibao.com/bsyDetail/576327.html">自助机地址</a></div>
                  <div class="article-nav-item title5"><a
                      href="http://bsy.sz.bendibao.com/bsyDetail/624050.html">各分局地址</a></div>
                  <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/yiliaobxbs/">社保查询</a></div>
                  <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/yanglaobxbs/">医保</a></div>
                  <div class="article-nav-item title2"><a href="">养老</a></div>
                </div>
                <div class="social-top">
                  <div class="social-img">
                    <img href="http://bsy.sz.bendibao.com/bsyDetail/633319.html"
                      src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/social-img.png" alt="">
                  </div>
                  <div class="article-title-strong"><a
                      href="http://bsy.sz.bendibao.com/bsyDetail/633319.html">深圳居民省外商保网点报销后如何领取报销结果</a></div>
                </div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633304.html">非深户灵活就业人员如何参加社保</a></div>
                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633273.html">深圳社保办理指南</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632902.html">深圳异地就医门诊医疗机构名单（更新至11月25日）</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632675.html">深圳社保登记信息变更需要什么材料</a></div>
                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632667.html">深户自己缴纳社保需要什么材料</a>
                </div>

                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632666.html">深圳灵活就业人员社保参保申请对象</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632641.html">2022深圳非深户宝妈可以自己缴纳社保吗</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632640.html">非深户个人单独缴纳养老保险可以申请车牌摇号吗</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632639.html">非深户个人交社保一定要居住证吗</a></div>
              </el-tab-pane>
              <el-tab-pane label="公积金" name="fund">
                <div class="more" style="position: absolute; top: -35px; right: 0;">
                  <a href="http://bsy.sz.bendibao.com/accumulationFund.php">
                    <span>更多</span>
                    <img src="./arrow-right.png" alt="">
                  </a>
                </div>
                <div class="fund-article-nav">
                  <div class="article-nav-item title5"><a href="http://gjj.sz.gov.cn/">深圳公积金</a></div>
                  <div class="article-nav-item title6"><a
                      href="http://gjj.sz.gov.cn/xxgk/ywwd/jctq/index.html">提取银行网点</a></div>
                  <div class="article-nav-item title6"><a
                      href="http://gjj.sz.gov.cn/xxgk/ywwd/gjjdk/index.html">贷款银行网点</a></div>
                  <div class="article-nav-item title4"><a
                      href="http://bsy.sz.bendibao.com/bsyDetail/615310.html">缴存查询</a></div>
                  <div class="article-nav-item title5"><a href="http://gjj.sz.gov.cn/gjjbmfw/jsq/index.html">贷款计算器</a>
                  </div>
                </div>
                <div class="fund-top">
                  <div class="fund-img">
                    <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/social-img.png" alt="">
                  </div>
                  <div class="article-title-strong"><a
                      href="http://bsy.sz.bendibao.com/bsyDetail/633629.html">深圳异地公积金跨省转入如何办理</a></div>
                </div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633628.html">深圳异地公积金跨省转入可以线上办理吗</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633621.html">深圳公积金异地贷款缴存证明线上打印流程(支付宝)</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633614.html">深圳异地转入的公积金可以计算贷款额度吗</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633594.html">深圳异地公积金转入支付宝办理流程图示</a></div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633578.html">深圳公积金异地转入需要什么手续</a></div>

                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633577.html">深圳公积金异地转入办理条件</a>
                </div>
                <div class="article-title"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633576.html">深圳公积金异地转入如何办理(附粤省事办理流程)</a></div>
                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633573.html">深圳公积金购房一次性提取条件</a>
                </div>
                <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633570.html">深圳公积金还贷一次性提取额度</a>
                </div>
              </el-tab-pane>
            </el-tabs>
          </div>
        </div>
        <!-- 户籍身份 -->
        <div class="same-mod module" id="module6">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/identity.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>

          <el-tabs v-model="activeName">
            <el-tab-pane label="户籍身份" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title4"><a href="http://hrss.sz.gov.cn/">入户申报</a></div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/shenfenzhengbs/">身份证</a></div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/juzhubs/">居住证</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/bsyDetail/631728.html">户政中心</a>
                </div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/bsyDetail/620732.html">档案存放</a>
                </div>
                <div class="article-nav-item title5"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/631841.html">社区工作站</a>
                </div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/register.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/632139.html">外地考取的中级职称可以申请入户深圳吗</a></div>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631728.html">深圳市各公安分局户政业务受理点</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631599.html">深圳人才市场集体户可以迁到派出所代管户吗</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631598.html">深户居民姓名变更需要什么条件</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631597.html">深户居民姓名变更办理条件及材料</a>
              </div>

              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631471.html">深圳户口本补办条件及材料</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631272.html">2022年深圳在职人才入户调令遗失补办流程</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631268.html">深圳招工入户需要调档案吗</a>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 土地房产 -->
        <div class="same-mod module" id="module7">
          <div class="top-line"></div>
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/landProperty.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="土地房产" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="http://zjj.sz.gov.cn/">深圳住建局</a></div>
                <div class="article-nav-item title6"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/623537.html">各住建局网点</a></div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/gongzufangbs/">公租房</a></div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/anjufangbs/">安居房</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/szmfzcbs/">买房</a></div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/fangchanxxcxbs/">不动产</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/land-img.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633317.html">深圳异地公积金跨省转入如何办理</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633316.html">深圳经济特区不动产登记条例（征求意见稿）</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633116.html">2021年罗湖区人才安居企事业单位名录</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633067.html">深圳坪山碧湖春天东花园等公租房选房注意事项</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633018.html">深圳房地产信息平台</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632541.html">深圳关于既有非居住房屋改造保障性租赁住房的通知(征求意见稿)</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631965.html">罗湖企业人才社会存量房补租后如何签合同</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631905.html">深圳龙华第七批长租公寓看房时间及预约看房方式</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>

      <!-- </div> -->
                <!-- </div>                     -->
                <!-- 右侧列 -->
                <!-- <div class="module-right"> -->
                    
                <!--                    -->
                <!--                    -->
                <!--                     推荐视频 -->
                <!--                    <div class="rec-video" id="module5"  style="top: 8px">-->
                <!--                        <div class="more" style="position: absolute; top: 15px; right: 0;">-->
                <!--                            <a href="http://sz.bendibao.com/video/index.php">-->
                <!--                                <span>更多</span>-->
                <!--                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">-->
                <!--                            </a>-->
                <!--                        </div>-->
                <!--                        <el-tabs v-model="activeName">-->
                <!--                            <el-tab-pane label="推荐视频" name="first">-->
                <!--                                暂时不轮播，后续迭代可轮播-->
                <!--                                <el-carousel :interval="3000" height="23.25rem" arrow="never">-->
                <!--                                    <el-carousel-item>-->
                <!--                                        <div class="rec-video-content">-->
                <!--                                            <a href="http://sz.bendibao.com/video/play.php?id=--><?//= $videoImg[0]['id']?><!--">-->
                <!--                                            <img src="--><?//=$videoImg[0]['sph_img']?><!--" alt="">-->
                <!--                                            </a>-->
                <!--                                            <div class="small">-->
                <!--                                                <div class="small-content">-->
                <!--                                                    <a href="http://sz.bendibao.com/video/play.php?id=--><?//= $videoImg[1]['id']?><!--">-->
                <!--                                                    <img src="--><?//= $videoImg[1]['sph_img']?><!--" alt="">-->
                <!--                                                    </a>-->
                <!--                                                </div>-->
                <!--                                                <div class="small-content">-->
                <!--                                                    <a href="http://sz.bendibao.com/video/play.php?id=--><?//= $videoImg[2]['id']?><!--">-->
                <!--                                                    <img src="--><?//= $videoImg[2]['sph_img']?><!--" alt="">-->
                <!--                                                    </a>-->
                <!--                                                </div>-->
                <!--                                            </div>-->
                <!--                                        </div>-->
                <!--                                    </el-carousel-item>-->
                <!---->
                <!--                                </el-carousel>-->
                <!--                                <div class="article-title-large"><a href="http://sz.bendibao.com/video/play.php?id=--><?//=$videoData[0]['id']?><!--">--><?//=$videoData[0]['title']?><!--</a></div>-->
                <!--                                --><?php //for($i=1;$i<5;$i++) { ?>
                <!--                                    <div class="article-title"><a href="http://sz.bendibao.com/video/play.php?id=--><?//=$videoData[$i]['id']?><!--">--><?//=$videoData[$i]['title']?><!--</a></div>-->
                <!--                                --><?php //} ?>
                <!--                            </el-tab-pane>-->
                <!--                        </el-tabs>-->
                <!--                    </div>-->
                <!--                    -->
                <!--                    -->


      <!-- main 中部贴图 -->
      <div class="main-img">
        <div class="main-left-img">
          <img src="./1.png" alt="">
        </div>
        <div class="main-right-img">
          <el-carousel :interval="3000" height="7.8125rem" arrow="never">
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://bsy.sz.bendibao.com/shebaobanlibs/">
                  <img src="./社保.png" alt="">
                </a>
              </div>
            </el-carousel-item>
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://bsy.sz.bendibao.com/anjufangbs/">
                  <img src="./安居房.png" alt="">
                </a>
              </div>
            </el-carousel-item>
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://m.bendibao.com/news/gelizhengce/all.php ">
                  <img src="./进出深.png" alt="">
                </a>
              </div>
            </el-carousel-item>
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://bsy.sz.bendibao.com/juzhubs/">
                  <img src="./居住证.png" alt="">
                </a>
              </div>
            </el-carousel-item>
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://bsy.sz.bendibao.com/szmfzcbs/">
                  <img src="./买房.png" alt="">
                </a>
              </div>
            </el-carousel-item>
            <el-carousel-item>
              <div class="main-right-img-content">
                <a href="http://bsy.sz.bendibao.com/zfgjj/">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/ad-img_6.png" alt="">
                </a>
              </div>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>

      <!-- 专题模块&文章 -->
      <div class="main-module">
        <!-- 教育培训 -->
        <div class="same-mod module" id="module8">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/education.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="教育培训" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="http://szeb.sz.gov.cn/">深圳教育局</a></div>
                <div class="article-nav-item title7"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/608680.html">各区教育局网点</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/xueweisqbs/">小一</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/bsyDetail/4344.html">初一</a>
                </div>
                <div class="article-nav-item title2"><a href="http://m.bendibao.com/news/luqufenshu/">中考</a></div>
                <div class="article-nav-item title2"><a href="http://m.bendibao.com/news/gaokao/">高考</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/education.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633455.html">光明港澳户籍儿童申请2022春季转学插班需要什么材料</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633454.html">2022深圳光明春季小一初一插班非深户申请材料</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633029.html">坪山公办学校转学插班报名注意事项</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633025.html">深圳坪山公办学校转学插班需要什么住房材料</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633024.html">坪山公办学校转学插班报名需要什么户籍材料</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633023.html">坪山义务教育阶段公办学校转学插班需要什么材料</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633022.html">深圳坪山义务教育阶段公办学校转学插班申报程序</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633021.html">坪山区义务教育阶段公办学校转学插班报名条件</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 深圳补贴 -->
        <div class="same-mod module" id="module9">
          <div class="more" style="position: absolute; top: -5px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/butiebs/">
              <div class="more">
                <span>更多</span>
                <img src="./arrow-right.png" alt="">
              </div>
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="深圳补贴" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title4"><a href="http://hrss.sz.gov.cn/">深圳人社</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/butiebs/">入户补贴</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/jcjybtbs/">基层补贴</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/butiebs/">职业补贴</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/szcybtbs/">创业补贴</a></div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/butiebs/">企业补贴</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/sz-subsidy.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633648.html">深圳基层就业补贴会截止申请吗</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633647.html">没有毕业可以申请深圳基层就业补贴吗</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633627.html">会计事务所满足什么条件可以申请深圳小微企业社保补贴</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633624.html">深圳小微企业社保补贴发放时间及发放账户</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633619.html">深圳小微企业申请了社保补贴的审核公示时间是多久</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633611.html">深圳高校毕业生灵活就业社保补贴能领多久</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633610.html">深圳高校毕业生灵活就业社保补贴能领取多少钱</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633609.html">深圳高校毕业生灵活就业社保补贴发到社保卡上吗</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633605.html">深圳高校毕业生灵活就业社保补贴什么时候发放</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633604.html">深圳高校毕业生灵活就业社保补贴需要公示多久</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 生活办事 -->
        <div class="same-mod module" id="module10">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/life.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="生活办事" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/geshuibs/">个税</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/butiebs/">就业</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/bsyDetail/623384.html">工资</a>
                </div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/bsyDetail/623901.html">宠物</a>
                </div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/butiebs/">社会福利</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/bsyDetail/628129.html">网点</a>
                </div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/life-img.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633373.html">深圳职工如何加入工会</a></div>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633372.html">未就业可以申请入深圳的工会吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633176.html">深圳招用就业困难人员补贴申请条件</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632842.html">深圳市新版二手房交易网签系统</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632801.html">深圳社工首次注册需要满足哪些条件</a>
              </div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632713.html">2021年深圳普惠性稳岗返还条件是什么</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632376.html">深圳一次性创业资助需要失业登记吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632072.html">深圳岗前培训补贴办结时间</a>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 车辆交通 -->
        <div class="same-mod module" id="module11">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/traffic.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="车辆交通" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/bsyDetail/625606.html">车管所</a>
                </div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/bsyDetail/625616.html">车架宝</a>
                </div>
                <div class="article-nav-item title3"><a href="http://bsy.sz.bendibao.com/bsyDetail/630979.html">检测站</a>
                </div>
                <div class="article-nav-item title4"><a href="http://bsy.sz.bendibao.com/bsyDetail/630983.html">体检医院</a>
                </div>
                <div class="article-nav-item title5"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/630986.html">违法处理点</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/bsyDetail/630985.html">驾校</a>
                </div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/traffic.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633631.html">深圳小微企业社保补贴需要每3个月就申请一次吗</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633235.html">2022年深圳车牌竞价结果查询流程</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633141.html">深圳新能源指标申请需要2年社保吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633133.html">深户申请车牌摇号竞价有社保要求吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633132.html">深圳新能源车可以挂蓝牌吗</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632054.html">深圳机动车解除抵押登记申请条件及材料</a></div>

              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631974.html">深圳驾驶证期满换证费用是多少</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631909.html">外地人在深圳如何办理驾驶证考试地点变更</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631908.html">深圳驾驶证考试地点变更可以办几次</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631907.html">深圳驾驶证考试地点变更申报材料</a>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 医疗健康 -->
        <div class="same-mod module" id="module12">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/healthy.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="医疗健康" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="">深圳卫健委</a></div>
                <div class="article-nav-item title4"><a href="">深圳疾控</a></div>
                <div class="article-nav-item title6"><a href="">深圳疫苗接种</a></div>
                <div class="article-nav-item title6"><a href="">深圳社康地址</a></div>
                <div class="article-nav-item title6"><a href="">深圳定点医院</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/sz-subsidy.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633281.html">深圳核酸检测单人单检和混合检测有什么区别</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633274.html">深圳核酸检测费用可以用医保个人账户支付吗</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632976.html">深圳新冠肺炎检测筛查是否收费</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/632316.html">深圳市九价HPV疫苗要打几针</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631849.html">深圳免费核酸检测点如何查询</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631257.html">2021龙岗免费孕前优生检查网上预约流程</a></div>

              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631235.html">慢病长处方医保怎么付</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631234.html">2021年长期处方管理规范
                  (试行)</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/630182.html">从深圳搭乘高铁离深需要48小时核酸检测吗</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/630181.html">从深圳搭乘飞机前往其他城市需要核酸检测报告吗</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 深圳出入境 -->
        <div class="same-mod module" id="module13">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/visa.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="深圳出入境" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title4"><a href="">深圳公安</a></div>
                <div class="article-nav-item title5"><a href="">深圳自助机</a></div>
                <div class="article-nav-item title4"><a href="">深圳护照</a></div>
                <div class="article-nav-item title7"><a href="">深圳港澳通行证</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/education.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633219.html">深户可以办理港澳通行证自助签注吗</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632077.html">深圳企业申办港澳商务签注登记备案办理流程</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632076.html">深圳企业申办港澳商务签注备案信息变更条件及材料</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632073.html">深圳企业申办港澳商务签注登记备案对象</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632066.html">深圳目前可以办理逗留签注前往香港吗</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632002.html">非深户港澳通行证其他类签注需要什么材料</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631984.html">2021年深户港澳通行证商务签注办理材料</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631983.html">深户申请港澳通行证商务签注办理条件</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 劳动就业 -->
        <div class="same-mod module" v-show="isShow">
          <a href="http://bsy.sz.bendibao.com/szcybtbs/">
            <div class="more">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </div>
          </a>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="劳动就业" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="">深圳人社局</a></div>
                <div class="article-nav-item title6"><a href="">深圳职业考试</a></div>
                <div class="article-nav-item title4"><a href="">深圳创业</a></div>
                <div class="article-nav-item title6"><a href="">深圳就业补贴</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/life-img.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633648.html">深圳基层就业补贴会截止申请吗</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633647.html">没有毕业可以申请深圳基层就业补贴吗</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633627.html">会计事务所满足什么条件可以申请深圳小微企业社保补贴</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633624.html">深圳小微企业社保补贴发放时间及发放账户</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633619.html">深圳小微企业申请了社保补贴的审核公示时间是多久</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633611.html">深圳高校毕业生灵活就业社保补贴能领多久</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633610.html">深圳高校毕业生灵活就业社保补贴能领取多少钱</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633609.html">深圳高校毕业生灵活就业社保补贴发到社保卡上吗</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 结婚生育 -->
        <div class="same-mod module" v-show="isShow">
          <div class="more" style="position: absolute; top: 15px; right: 0;">
            <a href="http://bsy.sz.bendibao.com/marriage.php">
              <span>更多</span>
              <img src="./arrow-right.png" alt="">
            </a>
          </div>
          <div class="top-line"></div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="结婚生育" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="">婚姻登记处</a></div>
                <div class="article-nav-item title4"><a href="">深圳民政</a></div>
                <div class="article-nav-item title4"><a href="">深圳结婚</a></div>
                <div class="article-nav-item title4"><a href="">深圳离婚</a></div>
                <div class="article-nav-item title5"><a href="">社区工作站</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/sz-subsidy.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/631947.html">大鹏新区婚姻登记处在哪里</a></div>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631934.html">南山婚姻登记处在哪里</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631655.html">深圳三胎生育津贴可以个人申请吗</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631652.html">深圳三胎政策最新消息2021</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631646.html">深圳三孩能办理计划生育证明吗</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631645.html">2021年深圳三孩生育登记需要什么材料</a></div>

              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631644.html">深圳居民生育三孩如何办理生育登记</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631643.html">深圳居民生育三孩有多少天产假</a>
              </div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/631642.html">深圳居民三孩可以用生育保险报销吗</a>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631057.html">2021年深圳市七夕领证业务咨询电话</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!-- 职业资格 -->
        <div class="same-mod module" v-show="isShow">
          <!-- <a href="http://bsy.sz.bendibao.com/szcybtbs/">
                            <div class="more">
                                <span>更多</span>
                                <img src="./arrow-right.png" alt="">
                            </div>
                        </a> -->
          <div class="top-line"></div>

          <el-tabs v-model="activeName">
            <el-tab-pane label="职业资格" name="first">
              <div class="same-article-nav">
                <div class="article-nav-item title5"><a href="http://hrss.sz.gov.cn/szksy/">深圳考试院</a></div>
                <div class="article-nav-item title3"><a href="http://szeb.sz.gov.cn/szzkw/">招考网</a></div>
                <div class="article-nav-item title2"><a href="http://bsy.sz.bendibao.com/jiaoshibs/">教资</a></div>
                <div class="article-nav-item title4"><a href="bsy.sz.bendibao.com/butiebs/">职业补贴</a></div>
                <div class="article-nav-item title5"><a href="http://www.cpta.com.cn/index.html">人事考试网</a></div>
              </div>
              <div class="same-top">
                <div class="same-img">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/zhiyezige.png" alt="">
                </div>
                <div class="article-title-strong"><a
                    href="http://bsy.sz.bendibao.com/bsyDetail/633515.html">2022年深圳会计专业技术资格考试报名费用</a></div>
              </div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/633439.html">深圳2022年卫生专业技术资格考试报名程序</a></div>
              <div class="article-title"><a href="http://bsy.sz.bendibao.com/bsyDetail/633010.html">深圳市技工学校名单</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632480.html">2021年深圳市职业技能培训补贴目录</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632311.html">深圳特种作业电工师报考条件及考试要求</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632107.html">2021深圳监理工程师职业资格证书发放时间+方式+流程</a></div>

              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632087.html">深圳建筑工程等职称专业知识考试相关问题解答</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632086.html">2021年深圳建筑工程等职称专业知识考试成绩标准</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/632079.html">2021年深圳第二批心理咨询师考试时间及报名时间</a></div>
              <div class="article-title"><a
                  href="http://bsy.sz.bendibao.com/bsyDetail/631940.html">深圳居民领取了其他补贴还能拿劳动者技能提升培训补贴吗</a></div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>

      <!-- 侧边快速导航 -->
      <transition name='side-bar'>
        <ul class="side-bar" v-show="isSideBar">
          <div class="side-bar-top">
            <li class="side-bar-item" id="side-bar-item1">办事信息</li>
            <li class="side-bar-item" id="side-bar-item2">热门关注</li>
            <li class="side-bar-item" id="side-bar-item3">机构办事</li>
            <li class="side-bar-item" id="side-bar-item4">社会保险</li>
            <li class="side-bar-item" id="side-bar-item5">公积金</li>
            <li class="side-bar-item" id="side-bar-item6">户籍身份</li>
            <li class="side-bar-item" id="side-bar-item7">土地房产</li>
            <li class="side-bar-item" id="side-bar-item8">教育培训</li>
            <li class="side-bar-item" id="side-bar-item9">深圳补贴</li>
            <li class="side-bar-item" id="side-bar-item10">生活办事</li>
            <li class="side-bar-item" id="side-bar-item11">车辆交通</li>
            <li class="side-bar-item" id="side-bar-item12">医疗健康</li>
            <li class="side-bar-item" id="side-bar-item13">出入境</li>
          </div>
          <div class="side-bar-mid">
            <li class="mid-item">
              <el-tooltip effect="light" placement="left">
                <div class="tooltip-slot-d" slot="content">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/download.png" alt="">
                  <p>手机下载</p>
                </div>
                <a href="">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/iphone.png" alt="">
                  <p>下载</p>
                </a>
              </el-tooltip>
            </li>
            <li class="mid-item">
              <a href="">
                <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/activity.png" alt="">
                <p>活动</p>
              </a>
            </li>
            <li class="mid-item">
              <el-tooltip effect="light" placement="left">
                <div class="tooltip-slot-g" slot="content">
                  <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/images/gzh-img.png" alt="">
                  <p>扫一扫</p>
                  <p>关注公众号</p>
                </div>
                <a href="">
                  <p>公众号</p>
                </a>
              </el-tooltip>
            </li>
          </div>
          <div class="side-bar-btm" @click="backToTop">
            <img src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/to-top.png" alt="">
          </div>
        </ul>
      </transition>

      <!-- 显隐按钮 -->
      <div class="is-show-more">
        <div class="is-show-content" @click="showMore">
          <img src="./add-more.png" alt="" srcset="" v-if="!isShow">
          <img src="./slide-up.png" alt="" srcset="" v-else>
          <span>{{isShowMsg}}</span>
        </div>
      </div>

      <!-- 底部导航 -->
      <div class="footer-nav">
        <div class="f-nav-left">
          <div style="font-size: 1.25rem;">办事指引</div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">社会保障</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://sz.bendibao.com/szsi/" target="_blank">社保</a></el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shengyubxbs/" target="_blank">生育保险</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yanglaobxbs/" target="_blank">养老保险</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yiliaobxbs/" target="_blank">医疗保险</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/gongshangbxbs/" target="_blank">工伤保险</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shiyebxbs/" target="_blank">失业保险</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">户口登记</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/babyruhu/" target="_blank">新生儿入户</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/jifenruhu/" target="_blank">积分入户</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/biyeshengbs/" target="_blank">毕业生接收</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/diaoganbs/" target="_blank">调干</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shenfenbs/" target="_blank">身份证办理</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/juzhubs/" target="_blank">居住证办理</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">医疗健康</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yimiaojzbs/" target="_blank">疫苗接种</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c43" target="_blank">健康检查</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c45" target="_blank">看病指南</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/609367.html" target="_blank">健康证</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/624350.html" target="_blank">体检</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/629825.html" target="_blank">医疗救助</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/Healthy.aspx" target="_blank">最新消息</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">出入境</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/hkbs/" target="_blank">港澳通行证</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/twbs/" target="_blank">台湾通行证</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">公积金</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://gjj.sz.gov.cn/" target="_blank">公积金官网</a></el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/621893.html" target="_blank">查询</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/608356.html" target="_blank">缴存</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/zfgjj/" target="_blank">提取</a></el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/626198.html" target="_blank">封存</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/zfgjj/" target="_blank">贷款</a></el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">生活办事</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c21" target="_blank">日常生活热点</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/life.aspx" target="_blank">其他办事</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c20" target="_blank">个税</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="#" target="_blank">政府最新政策</a></el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">土地房产</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/anjufangbs/" target="_blank">安居房</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/gongzufangbs/" target="_blank">公租房</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="#">廉租房</a></el-dropdown-item>
                <el-dropdown-item><a href="#">经济适用房</a></el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/szmfzcbs/" target="_blank">买房</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div>
            <el-dropdown placement="bottom">
              <div class="guide-list-title">教育培训</div>
              <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c83" target="_blank">职业资格</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/youeryuanbs/" target="_blank">幼儿园</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/xiaoxuejy/" target="_blank">小学</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c81" target="_blank">初中</a>
                </el-dropdown-item>
                <el-dropdown-item><a href="http://bsy.sz.bendibao.com/crgkbs/" target="_blank">成人高考</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
        </div>
        <a class="download-app" href="http://www.bendibao.com/app/pc.html">
          下载本地宝APP
        </a>
      </div>

      <!-- footer -->
      <div class="index-footer">
        <div class="footer-content">
          <div class="footer-item">
            <a href="http://www.bendibao.com/culture.htm" target="_blank">企业文化</a> |
            <a href="http://www.bendibao.com/adservices.htm" target="_blank">合作加盟</a> |
            <a href="http://www.bendibao.com/about.htm" target="_blank">关于我们</a> |
            <a href="http://www.bendibao.com/contact.htm" target="_blank">联系我们</a> |
            <a href="http://www.bendibao.com/job.htm" target="_blank">诚聘英才</a> |
            <a href="http://www.bendibao.com/law.htm" target="_blank">法律顾问</a> |
            <a href="http://sz.bendibao.com/suggest/suggest.htm" target="_blank">意见建议</a><br>
            <a href="http://www.bendibao.com" target="_blank">本地宝</a> BENDIBAO.COM 汇深网 版权所有 2006-2021
            <a href="">ICP证：粤ICP备17055554号-1</a>
          </div>
          <div class="footer-logo">
            <a href="#" target="_blank"><img src="http://bsy.sz.bendibao.com/images/sznet110wangan.gif" width="40"
                height="50" border="0"></a>&nbsp;
            <a href="#" target="_blank"><img src="http://bsy.sz.bendibao.com/images/sznet110gangting.gif" width="40"
                height="50" border="0"></a>
          </div>
        </div>
      </div>

    </div>
  </div>

  <script src="./src/js/grade.js"></script>
  <script src="./src/js/main.js">
  </script>
  <script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F21e995e7a54a3636baff665faf114156' type='text/javascript'%3E%3C/script%3E"));
  </script>
</body>

</html>